<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <div id="app">
            <input v-model="a" />
            <div>{{a}}</div>
        </div>
        <script src="./vue.js"></script>
        <script>
            // 第一个：data函数中的状态最红是通过this实例属性的形式去应用的
            // 第二个：需要监听到数据的变化-->Object.defineProperty

            let res = new Vue({
                el: "app", //元素 id名
                data: {
                    a: "默认值",
                    b: 1,
                },
            });
            console.log(res);
            // let obj = {
            //     name: "wwz",
            // };
            // //1.target 目标对象   2.key被解除
            // Object.defineProperty(obj, "name", {
            //     get() {
            //         return 3;
            //     },
            //     set() {
            //         //set方法修改后才会触发
            //     },
            // });
            // console.log(obj.name); //被劫持后就看get方法返回值
            // obj.name = "w4hh";
        </script>
    </body>
</html>
